@import "../lib/css/until";
@import "../lib/css/resetEle";
.pageThree{
  width: 100%;
  height: 100%;
  @include positionFun(200%,0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 1.5rem;
  padding-left: 2rem;
  font-size: 0.68rem;
  color: $wordColor;
}
.one-tit{
  height: $oneTitH;
  line-height: $oneTitH;
  width: $oneTitW;
  margin: 0 auto 0.5rem;
  color: $wordColor;
  font-size: 1.4rem;
  text-align: center;
  background: url("../assets/img/title.png") no-repeat;
}
.tree-box{
  width: 1397px;
  height: 2427px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.tree{
  @include linerBg();
  width: 100%;
  position: relative;
  height: 1750px;
}
.tree::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: url("../assets/img/reportRange.png") no-repeat;
}
.tree::-webkit-scrollbar {/*滚动条整体样式*/
  width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.tree::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 10px;
  background: #EDEDED;
}
.search-ipt{
  width: 12.65rem;
  height: 2.13rem;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../assets/img/search.png") no-repeat;
  color: $wordColor;
  padding: 0.72rem 0 0.72rem 1.85rem;
  outline: 0;
  border: 0;
  font-size: 0.52rem;
}
.tree-tit{
  text-align: left;
  width: 13.60rem;
  display: inline-block;
  line-height: 2.26rem;
  height: 2.26rem;
  background: url("../assets/img/tree-tit.png") no-repeat;
  background-size: 100% 100%;
  font-size: .62rem;
  -webkit-box-sizing: border-box;
  padding-left: 1.40rem;
  box-sizing: border-box;
  img{
    display: inline-block;
    width: 1.65rem;
    -webkit-transform: translateY(.28rem);
    transform: translateY(.28rem);
  }
}
input::-webkit-input-placeholder{
  color: $wordColor;
}
.el-tree{
  background-color: transparent;
}
.hide_search{
  display: block;
  height: 1rem;
  width: 1rem;
  position: absolute;
  right: 1rem;
  top:0.55rem;
  z-index: 30;
  background-color: transparent;
}
.jiegou-box{
  margin-top: 100px;
}
.jiegou-con{
  margin-top: 20px;
  height: 1381px;
  @include linerBg();
}
.jiegou-body{
  width: 1200px;
  height: 1450px;
  background: url("../assets/img/jiegou.png") no-repeat;
  margin: 0 auto;
  position: relative;
}
.jiegou-body>p{
  position: absolute;
  top:0;
  left: 0;
  color: $wordColor;
  font-size: 30px;
  &:nth-child(1){
    left: 809px;
    top:74px;
  }
  &.two-level{
    left: 389px;
    top:264px;
    &:nth-child(2){
      left: 1022px;
      top:264px;
    }
  }
  &.left-three-level{
    top:750px;
    left: 78px;
    font-size: 24px;
    &.left-three-level2{
      left:247px;
    }
    &.left-three-level3{
      top:774px;
      left:414px;
    }
    &.right-three-level1{
      left:711px;
      top:780px;
    }
    &.right-three-level2{
      left:881px;
      top:740px;
    }
    &.right-three-level3{
      left:1047px;
      top:740px;
    }
  }
  &.four-level{
    top: 1362px;
    left: 29px;
    font-size: 24px;
    &.left-four-level2{
      left: 118px;
    }
    &.left-four-level3{
      left: 202px;
    }
    &.left-four-level4{
      left: 294px;
    }
    &.left-four-level5{
      left: 380px;
    }
    &.left-four-level6{
      left: 471px;
    }
    &.right-four-level1{
      left:665px;
    }
    &.right-four-level2{
      left:755px;
    }
    &.right-four-level3{
      left:839px;
    }
    &.right-four-level4{
      left:931px;
    }
    &.right-four-level5{
      left:1020px;
    }
    &.right-four-level6{
      left:1109px;
    }
  }
}
//前十年竞争指数
.middle-box{
  margin-left: 1.5rem;
  width: 1295px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.tenyear-con{
  width: 100%;
  @include linerBg();
  height: 700px;
}
//行业企业
.enterprise-box{
  width: 1266px;
  display: inline-block;
  vertical-align: top;
  margin-left: 1.6rem;
}
.enterprise-box .moduleTit-box,.jiegou-box .moduleTit-box{
  height: 1.4rem;
  line-height: 1.4rem;
}
.enterprise-box .moduleTit-box span,.jiegou-box .moduleTit-box span{
  width: 6.4rem;
  line-height: .7rem;
}
.patent-num{
  width: 100%;
  height: 810px;
  @include linerBg();
  margin-top: .67rem;
}
//工程技术人员比重指标得分
.indicators-box .moduleTit-box span{
  font-size: 0.6rem;
}
.indicators-box{
  margin-top: 2rem;
  width: 100%;
}
.indicators-score{
  margin-top: .7rem;
  height: 1000px;
  @include linerBg();
}
//去年质量监督抽查情况
.supervision-box{
  display: inline-block;
  vertical-align: top;
  width: 1207px;
  margin-left: 1.5rem;
}
.supervision-box .moduleTit-box img{
  width: 2.5rem;
}
.supervision-con{
  height: 1000px;
  @include linerBg();
  text-align: center;
  padding-top: .5rem;
}
.info-list{
  display: inline-block;
  vertical-align: top;
  width: 3.61rem;
  height: 2.06rem;
  background: url("../assets/img/span_bg.png") no-repeat;
  background-size: 100% 100%;
}
.info-list >h2{
  font-weight: normal;
  height: 0.52rem;
  line-height: 0.52rem;
  color: $wordColor;
  font-size: 0.34rem;
  padding-top: .1rem;
}
.list-num-box{
  height: 1.44rem;
}
.supervision-data{
  height: 760px;
}
//去年投诉情况
.complaints-box{
  text-align: center;
  height: 1025px;
  padding-top: .5rem;
  @include linerBg();
}
.complaints-count{
  display: inline-block;
  width: 5.14rem;
  height: 2.06rem;
  color: $wordColor;
}
.tit{
  background-color: rgba(66,208,233,0.5);
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.4rem;
}
.con{
  height: 1.42rem;
  line-height: 1.42rem;
  background-color: rgba(19,209,237,0.6);
}
.complaints-data{
  height: 750px;
  margin-top: 40px;
}
//最右侧数据展示
.right-box{
  width: 1528px;
  margin-left: 1.2rem;
  display: inline-block;
  vertical-align: top;
}
.data-count-box{
  li{
    text-align: center;
    width: 3.6rem;
    height: 2.49rem;
    background: url("../assets/img/span_bg.png");
    background-size:100% 100%;
    padding-top: 0.13rem;
    color: $wordColor;
  }
  h2{
    font-weight: normal;
    font-size: 0.42rem;
    height: 0.63rem;
    line-height: 0.63rem;
  }
  .data-count-con{
    line-height: 1.45rem;
    height: 1.45rem;
    font-size: 0.6rem;
  }
}
.teshuStyle{
  .data-count-con{
    line-height: 40px;
    span{
      display: inline-block;
      width: 180px;
      line-height: 40px;
    }
    font-size: 35px;
  }
}
.teshuStyle1{
  .data-count-con{
    line-height: 50px;
    span{
      display: inline-block;
      width: 180px;
      line-height: 60px;
    }
    font-size: 45px;
  }
}
.report-box{
  margin-top: .8rem;
}
.report-con{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  @include linerBg();
  height: 1700px;
  overflow-y: auto;
  color: $wordColor;
  padding: .64rem 1.44rem .64rem .94rem;
  font-size: .4rem;
  p{
    text-indent:1rem;
  }
}
.report-tit{
  font-size: 0.6rem;
  text-align: center;
  font-weight: normal;
  margin-bottom: .9rem;
}
.report-con::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
  border-radius: 10px;
  background: #000;
}
.report-con::-webkit-scrollbar {/*滚动条整体样式*/
  width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.report-con::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 10px;
  background: #EDEDED;
}
